new Vue({
    el: '#app',
    data: {
        heaIconJson: {
            left: './static/img/icon-list.png',
            middle: "<span style='text-align:center;font-size:32px;'>购买</span>",
            right1: './static/img/icon-search.png',
            right2: './static/img/icon-shopping.png'
        },
        //取消订单的提醒
        goOut: {
            title: '提醒',
            notice: '您是否确认取消这笔订单？',
            img: './static/img/close-order.png',
            sure: '取消订单'
        },
        //确认付款的提醒
        surePayFont: {
            title: '提醒',
            notice: '您是否已付款？',
            img: './static/img/sure-pay.png',
            sure: '确认付款'
        },
        //优惠卷信息
        voucherInfo: [{
            //use是用来控制用的哪一个优惠卷
            use: false,
            font: '满100送10000'
        }],
        //控制是自取还是快递 true是自取 false是快递
        offSendMothd: true,
        //控制优惠卷弹窗
        offVoucher: false,
        //寄件人/收件人的提示信息
        sendPeoFont: {},

    },
    methods: {
        right1: function() {
            window.location.href = HREF + 'my-shopping-car.html';
        },
        right2: function() {
            window.location.href = HREF + 'index.html';
        },
        //打开寄件人/收件人弹窗
        addGetPeo: function(who) {
            //寄件人的提示信息
            var sendPeoFont = {
                title: '寄件人信息',
                img: './static/img/send-peo.png',
                pl1: '请输入您的真实姓名',
                pl2: '请输入您的手机号码',
                pl3: '请输入您的地址信息',
            };
            //收件人的提示信息
            var getPeoFont = {
                title: '收件人信息',
                img: './static/img/get-peo.png',
                pl1: '请输入收件人的真实姓名',
                pl2: '请输入收件人的手机号码',
                pl3: '请输入收件人的地址信息',
            };
            this.sendPeoFont = who == 'get' ? getPeoFont : sendPeoFont;
            this.$refs.sendOrGet.offShow = true;
        },
        //寄件人/收件人的信息回来
        peoInfo: function(val) {

            if (this.sendPeoFont.title == '寄件人信息') {
                //说明val是寄件人的信息
                alert('寄件人')
                console.log(val);
            } else {
                //说明val是收件人的信息
                alert('收件人')
                console.log(val);
            }
        },
        //确认取消订单
        sureCloseOrder: function() {
            alert('确定取消订单');
            this.$refs.closeOrderEl.offShow = false;
        },
        //去支付
        goPay: function() {
            this.$refs.surePay.offShow = true;
        },
        //微信回来是否已经支付
        surePay: function() {
            alert('已经支付');
            this.$refs.surePay.offShow = false;
        }
    }
});